        <!--#include file="ajax/conn.asp" -->
        <!--#include file="ajax/sessao.asp" -->
        <!--#include file="topo.asp" -->
    </head>
    <body>
        <!--Inicio [lightbox]-->
        <div id="usuario_informacao" class="lightbox" style="display: none;">
            <span class="titulo">
                <h1>Informações do Contato</h1>
                <span class="fechar"><a href="#" onclick="javascript:bi.LightboxEsconde(); return false;" class="botao_fechar"></a></span>
            </span>
            <span class="hr"></span>
            <br/>
            <div class="grupo resumo" style="text-align: left;">
                <span class="subtitulo"><h3>Dados Contatos:</h3></span>
                <span class="hr"></span>
                <span class="quad"> 
                    <span class="lbl"><h3>Matrícula:</h3></span>       
                    <span class="txt"><h3 id="inf_matricula"></h3></span>      
                </span>

                <span class="quad"> 
                    <span class="lbl"><h3>Nome:</h3></span>       
                    <span class="txt"><h3 id="inf_nome"></h3></span>      
                </span>

                <span class="quad"> 
                    <span class="lbl"><h3>E-mail:</h3></span>       
                    <span class="txt"><h3 id="inf_email"></h3></span>      
                </span>

                <span class="quad"> 
                    <span class="lbl"><h3>Tipo :</h3></span>       
                    <span class="txt"><h3 id="inf_tipo"></h3></span>      
                </span>

                <span class="quad"> 
                    <span class="lbl"><h3>Data de Cadastro:</h3></span>       
                    <span class="txt"><h3 id="inf_dt_cadastro"></h3></span>      
                </span>

                <span class="quad"> 
                    <span class="lbl"><h3>Data de Alteração:</h3></span>       
                    <span class="txt"><h3 id="inf_dt_alteracao"></h3></span>      
                </span>
                
                <span class="subtitulo"><h3>Localização:</h3></span>
                <span class="hr"></span>
                
                <span class="quad"> 
                    <span class="lbl"><h3>Regional:</h3></span>       
                    <span class="txt"><h3 id="inf_regional"></h3></span>      
                </span>
                
                <span class="quad"> 
                    <span class="lbl"><h3>UF:</h3></span>       
                    <span class="txt"><h3 id="inf_uf"></h3></span>      
                </span>

                <span class="quad"> 
                    <span class="lbl"><h3>DDD:</h3></span>       
                    <span class="txt"><h3 id="inf_ddd"></h3></span>
                </span>
                
                <span class="subtitulo"><h3>Perfil :</h3></span>
                <span class="hr"></span>
                
                <span class="quad"> 
                    <span class="lbl"><h3>Área / Canal:</h3></span>       
                    <span class="txt"><h3 id="inf_area"></h3></span>      
                </span>

                <span class="quad"> 
                    <span class="lbl"><h3>Cargo:</h3></span>       
                    <span class="txt"><h3 id="inf_cargo"></h3></span>      
                </span>
            </div>
        </div>
        <!--Fim [lightbox]-->
        <!--Inicio [lightbox]-->
        <div id="pag_usuario_cadastro" class="lightbox" style="display: none; width: 900px;">
            <form class="" name="form_usuario_cadastro" id="form_usuario_cadastro" action="usuario_cadastro.asp" method="post">
                <input type="hidden" name="cod_usuario" id="cod_usuario" value="">
                <input type="hidden" name="cod_tipo" id="cod_tipo" value="">
                <input type="hidden" name="acao" id="acao" value="gravar">
            	<span class="titulo">
                	<h1>Cadastro de Contato</h1>
                    <span class="fechar"><a href="#" onclick="javascript:bi.LightboxEsconde(); return false;" class="botao_fechar"></a></span>
                </span>
                <span class="hr"></span>
                <br>
                <div class="grupo resumo" style="text-align: left;">
                    <span class="subtitulo"><h3>Dados Contato:</h3></span>
                    <span class="hr"></span>
                    <span class="quad" id="view_matricula">
                        <span class="lbl"><h3>Matricula :</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_matricula"></h3></span>
                    </span>
                    <span class="item" id="edit_matricula">
                        <span class="lbl"><h3>Matricula</h3></span>
                        <span class="inp"><input type="text" class="matricula" name="matricula_cadastro" id="matricula_cadastro" value="" style="width:110px"></span>
                    </span>
                    <span class="quad" id="view_cpf">
                        <span class="lbl"><h3>CPF :</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_cpf"></h3></span>
                    </span>
                    <span class="item" id="edit_cpf">
                        <span class="lbl"><h3>CPF</h3></span>
                        <span class="inp"><input type="text" class="cpf" name="cpf_cadastro" id="cpf_cadastro" value="" style="width:120px"></span>
                    </span>
                    <span class="item">
                        <span class="lbl"><h3>Nome</h3></span>
                        <span class="inp"><input type="text" name="nome_cadastro" id="nome_cadastro" value="" style="width:250px"></span>
                    </span>
                    <span class="item">
                        <span class="lbl"><h3>E-mail</h3></span>
                        <span class="inp"><input type="text" name="email_cadastro" id="email_cadastro" value="" style="width:250px"></span>
                    </span>
                    <span class="item">
                        <span class="lbl"><h3>GSM</h3></span>
                        <span class="inp"><input type="text" class="fone_celular" name="gsm_cadastro" id="gsm_cadastro" value="" style="width:160px"></span>
                    </span>

                    <span class="quad" id="view_dt_nascimento">
                        <span class="lbl"><h3>Data Nascimento :</h3></span>
                        <span class="txt"><h3 id="inf_dt_nascimento"></h3></span>
                    </span>

                    <span class="item" id="edit_dt_nascimento">
                        <span class="lbl"><h3>Data Nascimento</h3></span>
                        <span class="inp"><input type="text" name="dt_nascimento_cadastro" id="dt_nascimento_cadastro" value="" style="width:150px" ></span>
                    </span>

                    <span class="quad" id="view_dt_cadastro">
                        <span class="lbl"><h3>Data Cadastro :</h3></span>
                        <span class="txt"><h3 id="dt_cadastro_usuario"></h3></span>
                    </span>

                    <span class="quad" id="view_dt_alteracao">
                        <span class="lbl"><h3>Data Alteração :</h3></span>
                        <span class="txt"><h3 id="dt_alteracao_usuario"></h3></span>
                    </span>

                    <span class="quad" id="view_tipo">
                        <span class="lbl"><h3>Tipo :</h3></span>
                        <span class="txt"><h3 id="tipo_cadastro"></h3></span>
                    </span>

                    <span class="subtitulo"><h3>Localização:</h3></span>
                    <span class="hr"></span>
    
                    <span class="item" id="edit_reg" style="display: none;">
                        <span class="lbl"><input class="chk_all" name="chk_reg_cadastro_all" id="chk_reg_cadastro_all" type="checkbox"><h3>Regional</h3></span>
                        <span class="inp">
                            <span class="select" style="width:110px" id="chk_reg_cadastro_select">
                            </span>
                        </span>
                    </span>

                    <span class="item" id="edit_uf" style="display: none;">
                        <span class="lbl"><input class="chk_all" name="chk_uf_cadastro_all" id="chk_uf_cadastro_all" type="checkbox"><h3>UF</h3></span>
                        <span class="inp">
                            <span class="select" style="width:110px" id="chk_uf_cadastro_select">
                            </span>
                        </span>
                    </span>

                    <span class="item" id="edit_ddd" style="display: none;">
                        <span class="lbl"><input class="chk_all" name="chk_ddd_cadastro_all" id="chk_ddd_cadastro_all" type="checkbox"><h3>DDD</h3></span>
                        <span class="inp">
                            <span class="select" style="width:110px" id="chk_ddd_cadastro_select">
                            </span>
                        </span>
                    </span>

                    <span class="item" id="edit_acesso" style="display: none;">
                        <span class="lbl"><h3>Acesso ao Sistema</h3></span>
                        <span class="inp">
                            <select name="acesso_sistema_cadastro" id="acesso_sistema_cadastro" style="width:160px">
                                <option value="">Selecione</option>
                                <option value="1">Sim</option>
                                <option value="0">Não</option>
                            </select>
                        </span>
                    </span>
                    
                    <span class="quad" id="view_reg" style="display: none;"> 
                        <span class="lbl"><h3>Regional:</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_regional"></h3></span>
                    </span>
                    <span class="quad" id="view_uf" style="display: none;">
                        <span class="lbl"><h3>UF:</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_uf"></h3></span>
                    </span>
                    <span class="quad" id="view_ddd" style="display: none;">
                        <span class="lbl"><h3>DDD:</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_ddd"></h3></span>
                    </span>

                    <span class="quad" id="view_acesso" style="display: none;">
                        <span class="lbl"><h3>Acesso ao Sistema :</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_acesso"></h3></span>
                    </span>

                    <span class="subtitulo"><h3>Perfil :</h3></span>
                    <span class="hr"></span>
                    
                    <span class="quad" id="view_perfil" style="display: none;">
                        <span class="lbl"><h3>Perfil :</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_perfil"></h3></span>
                    </span>
                    
                    <span class="item" id="edit_perfil" style="display: none;">
                        <span class="lbl"><h3>Perfil</h3></span>
                        <span class="inp">
                            <select name="cmb_cod_perfil" id="cmb_cod_perfil" style="width:250px">
                                <option value="">Selecione</option>
                            </select>
                        </span>
                    </span>

                    <span class="quad" id="view_status" style="display: none;">
                        <span class="lbl"><h3>Status :</h3></span>
                        <span class="txt"><h3 id="inf_cadastro_status"></h3></span>
                    </span>

                    <span class="item" id="edit_status" style="display: none;">
                        <span class="lbl"><h3>Status</h3></span>
                        <span class="inp">
                            <select name="cmb_cod_status" id="cmb_cod_status" style="width:120px">
                                <option value="">Selecione</option>
                            </select>
                        </span>
                    </span>
                    <div class="botoes">
                        <span class="hr"></span>
                        <span class="botoes" style="text-align: center;">
                            <a href="#" class="botao ico btn_salvar" onclick="return gravar();"><span class="save btn_salvar"></span><span class="txt btn_salvar">Salvar</span></a>
                        </span>
                    </div>
                </div>
            </form>
        </div>
        <!--Fim [lightbox]-->
        <!--Inicio [pag]-->
        <div class="pag pag_contato">
        	<!--#include file="menu.asp"-->
            <br/>
            <!--Inicio [pag_body]-->
            <form name="form_usuario_pesquisar" id="form_usuario_pesquisar" action="usuario_pesquisar.asp" method="post">
                <input type="hidden" id="pagina" name="pagina" value="1">
                <span class="pag_body">
                	<span class="wrap">
                		<span class="titulo">
                        	<span class="ball"><span class="contatos"></span></span>
                            <h1>Contatos</h1>
                        </span>
            		</span>
            	</span>
                <span class="pag_body">
                	<span class="wrap">
                        <span class="subtitulo pointer" onclick="javascript: bi.Filtro({div: 'pesquisa_usuario', el: $('#setinha'), img1: 'seta_b', img2: 'seta_c'});">
                        	<h2>Critérios de pesquisa:</h2>
                            <span class="filtro"><span class="seta_c" id="setinha"></span></span>
                        </span>
                        <span class="hr"></span>
                        <br>
                        <div class="grupo" id="pesquisa_usuario">
                            <span class="item">
                                <span class="lbl"><h3>Matricula</h3></span>
                                <span class="inp"><input class="keypress matricula"  type="text" name="filtro_matricula" id="filtro_matricula" value="" style="width:110px"></span>
                            </span>
                            <span class="item">
                                <span class="lbl"><h3>Nome</h3></span>
                                <span class="inp"><input class="keypress" type="text" name="filtro_nome" id="filtro_nome" maxlength="400" value=""></span>
                            </span>
                            <span class="item">
                                <span class="lbl"><h3>E-mail</h3></span>
                                <span class="inp"><input class="keypress" type="text" name="filtro_email" id="filtro_email" value=""></span>
                            </span>
                            <span class="subtitulo"><h3>Localização:</h3></span>
                            <span class="hr"></span>
                            <span class="item">
                                <span class="lbl">
                                    <input class="chk_all" name="chk_reg_all" type="checkbox"><h3>Regional</h3>
                                </span>
                                <span class="inp">
                                    <span class="select" style="width:110px" id="chk_reg_select">
                                    </span>
                                </span>
                            </span>
                            <span class="item">
                                <span class="lbl"><input class="chk_all" name="chk_uf_all" type="checkbox"><h3>UF</h3></span>
                                <span class="inp">
                                    <span class="select" style="width:110px" id="chk_uf_select">
                                    </span>
                                </span>
                            </span>
                            <span class="item">
                                <span class="lbl"><input class="chk_all" name="chk_ddd_all" type="checkbox"><h3>DDD</h3></span>
                                <span class="inp">
                                    <span class="select" style="width:110px" id="chk_ddd_select">
                                    </span>
                                </span>
                            </span>
                            <span class="item">
                                <span class="lbl"><h3>Área</h3></span>
                                <span class="inp">
                                    <select name="cmb_cod_area" id="cmb_cod_area" style="width:200px">
                                        <option value="">Selecione</option>
                                    </select>
                                </span>
                            </span>
                            <span class="item">
                                <span class="lbl"><h3>Cargo</h3></span>
                                <span class="inp">
                                    <select name="cmb_cod_cargo" id="cmb_cod_cargo" style="width:250px">
                                        <option value="">Selecione</option>
                                    </select>
                                </span>
                            </span>
                            <div class="botoes">
                                <span class="inp">
                                    <a href="#" onclick="return pesquisar();" class="botao ico"><span class="search"></span><span class="txt">Pesquisar</span></a>
                                </span>
                            </div>
                        </div>
            		</span>
            	</span>
            </form>
            <span class="pag_body">
                <span class="wrap">        
                    <span class="subtitulo"><h2>Lista de contatos:</h2></span>
                    <span class="hr"></span>
                    <br />
                    <div id="retorno_usuarios">
                    </div>
                    <span class="botoes">
                        <a href="#" class="botao ico" id="incluir" onclick="return usuario_cadastro(0);">
                            <span class="plus">
                            </span>
                            <span class="txt">
                                Criar Contato
                            </span>
                        </a>
                    </span>
                </span>
            </span>
            <!--Fim [pag_body]-->
        </div>
        <!--Fim [pag]-->
        <script language="JavaScript" src="js/usuario_pesquisar.js" type="text/javascript"></script>
        <script>
            $("#menu_contato").addClass("sel");
        </script>
    </body>
</html>